<template>
  <div class="page-index">
      <el-row>
           <el-col :span="5">
                <m-menu />
            </el-col>
          <el-col :span="19">
                <m-life />
            </el-col>
      </el-row>
      <el-row>
          <el-col :span='24'>
              <container :nav="iStyle"/>
          </el-col>
      </el-row>
       <el-row>
          <el-col :span='24'>
              <container :nav="recomment"/>
          </el-col>
      </el-row>
  </div>
</template>

<script>
import mMenu from '@/components/index/menu.vue'
import mLife from '@/components/index/life.vue'
import Container from '@/components/index/container.vue'
export default {
    components:{
        mMenu,
        mLife,
        Container
    },
    data () {
        return {
            iStyle: {
                class: 'istyle',
                title: '有格调',
                list: [{
                    text: '全部',
                    tab: 'all'
                },{
                    text: '约会聚餐',
                    tab: 'food'
                },{
                    text: '丽人SPA',
                    tab:'spa'
                },{
                    text: '电影演出',
                    tab: 'movie'
                },{
                    text:'品质出游',
                    tab: 'travel'
                }]
            },
             recomment: {
                class: 'youhui',
                title: '很优惠',
                list: [{
                    text: '全部',
                    tab: 'all'
                }, {
                    text: '美食',
                    tab: 'food'
                }, {
                    text: '休闲',
                    tab: 'xiuxian'
                }]
            }
        }
    }
}
</script>

<style lang='less'>
    @import '~@/assets/css/index/index.less';
</style>